//点击 去注册 切换俩个盒子
$('.box a').click(function() {
    // $(this)就代表a标签
    // $(this).parents('.box')代表了登录盒子,登陆盒子的兄弟DOM就是注册盒子
    $(this).parents('.box').css('display', 'none').siblings().css('display', 'block')
})

// 表单验证--------------------------------------------
// 要验证username不能为空,长度为2-10位
// 要验证username不能为空,长度为6-15位
// 直接用表单验证插件
function test() {
    return {
        fields: {
            username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
                validators: {
                    notEmpty: { //不能为空
                        message: '用户名不能为空.'
                    },
                    stringLength: { //检测长度
                        min: 2,
                        max: 15,
                        message: '用户名需要2~15个字符'
                    }
                }
            },
            password: {
                validators: {
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    stringLength: { //检测长度
                        min: 6,
                        max: 15,
                        message: '密码需要6~15个字符'
                    }
                }
            }
        }
    }
}


//------------注册功能----------------------------------
// 按照接口文档提交用户名和密码
$('.register form').bootstrapValidator(test()).on('success.form.bv', function(e) {
    e.preventDefault();
    //通过验证才会执行本注释以下语句

    let data = $(this).serialize();
    axios.post('api/register', data).then(function({ data: res }) {
        // console.log(res)
        if (res.code === 0) {
            toastr.success(res.message);
            $('.register input').val(''); //清空输入框
            $('.register').hide().next().show(); //切换到登陆的盒子

        }
    });
});


//----登录功能-------------------------------------------
$('.login form').bootstrapValidator(test()).on('success.form.bv', function(e) {
    e.preventDefault();
    //通过验证才会执行本注释以下语句
    // console.log('通过衍生')
    let data = $(this).serialize();
    axios.post('api/login', data).then(function({ data: res }) {
        console.log(res)
        if (res.code === 0) {
            localStorage.setItem('token', res.token); //保存token值,在访问服务器其他接口时当密钥用
            location.href = './index.html' //跳转到首页
        }
    });
});